<template>
	<div class="navnum">
		<!--<div class="onefirst" :class="item.isactive?'active':''" v-for="item in list">
			<div class="firse_left">
				<i class="iconfont icon-radio-no"></i>
				<p>{{item.name}}</p>
			</div>
			<i class="iconfont icon-right" v-if="item.isshow"></i>
		</div>-->
		<el-steps :active="navnum" finish-status="end" process-status='curt' class="nextnav"  simple>
		  <el-step title="填写基本信息" icon="iconfont icon-1" ></el-step>
		  <el-step title="选择模板" icon="iconfont icon-2"></el-step>
		  <el-step title="编辑模板信息" icon="iconfont icon-3"></el-step>
		  <el-step title="创建成功" icon="iconfont icon-4"></el-step>
		</el-steps>
	</div>
</template>

<script>
import Vue from 'vue'
export default{
	data(){
		return {
		
		}
	},
	props:['navnum'],
	mounted(){
		
	},
	methods:{
		
	}
}
</script>

<style lang="scss" scoped>
	.nextnav{
		width:100%;
		height:54px;
		display:flex;
		background: #F5F7FA;
		margin-top:70px;
		margin-bottom:50px;
		font-size:14px;
		.active{
			color: #FF7819;
		}
	}	
</style>

<style>
	.navnum{
		.el-steps>.el-step>.is-simple>.el-step__main>.el-step__title>.is-process{
			color:#f19506;
		}
	}
</style>